<template>
  <div class="box">
    <ul>
      <li>
        <img
          src="https://m.360buyimg.com/babel/jfs/t1/139068/1/24153/4135/639c226aE43b86001/f51e0f482c63d198.png"
          alt=""
          style="width: 20vw"
        />
      </li>
      <li>
        <img
          src="https://m.360buyimg.com/babel/jfs/t1/180589/27/31429/3028/6392c3feE92ceb695/1a8733796e575a34.png"
          alt=""
          style="width: 20vw"
        />
      </li>
      <li>
        <img
          src="https://m.360buyimg.com/babel/jfs/t1/79085/22/18323/201514/63db256eFbed68161/cf901b3ce4de9bde.gif"
          alt=""
          style="width: 20vw"
        />
      </li>
      <li>
        <img
          src="https://m.360buyimg.com/babel/jfs/t1/195508/40/31103/3253/6392c41cEb04d1830/56d751eb8f0c7106.png"
          alt=""
          style="width: 20vw"
        />
      </li>
      <li>
        <img
          src="https://m.360buyimg.com/babel/jfs/t1/68334/2/24111/3884/6392c427Edfe7653f/71567c93b3afe3dd.png"
          alt=""
          style="width: 20vw"
        />
      </li>
    </ul>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.box {
  width: 100%;
  height: 13.3333vw;
  position: sticky;
  bottom: 0;
  background-color: #eee;
}
.box ul {
  display: flex;
  justify-content: space-around;
}
</style>